<template>
  <div>
    <h2>公开活动列表</h2>
    <ul>
      <li v-for="activity in activities" :key="activity.id">
        <router-link :to="`/public-activities/${activity.id}`"
          >{{ activity.title }} - {{ activity.date }}</router-link
        >
      </li>
    </ul>
  </div>
</template>

<script setup>
import activities from "@/data/activities.js";
</script>
